<template>
  <BackHeader :title="lang.page_title" />
  <div class="app_center activity-page">
    <Calendar @changeVerShow="changeVerShow" />
    <Cabinet />
    <BotSwiper />
  </div>
  <VerDialog :show="verShow" @changeVerShow="changeVerShow" />
</template>

<script setup lang="ts">
import Calendar from "./components/Calendar.vue";
import Cabinet from "./components/Cabinet.vue";
import BotSwiper from "./components/BotSwiper.vue";
import VerDialog from "./components/VerDialog.vue";

const lang: any = getCurrentPageLang("activity/vip");

const verShow = ref(false);
const changeVerShow = (show: boolean) => {
  verShow.value = show;
};
</script>

<style scoped lang="scss"></style>
